<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
  <meta content="text/html;charset=utf-8"  />
  <meta name="viewport" content="width=device-width" />
  <title>Dahboard</title>

	<!-- If you are using CSS version, only link these 2 files, you may add app.css to use for your overrides if you like. -->
	<link rel="stylesheet" href="css/normalize.css" />
	<link rel="stylesheet" href="css/foundation.css" />
	<link rel="stylesheet" href="css/foundation-icons.css" />
	<link rel="stylesheet" href="css/foundation.min.css">
	<script src="js/vendor/custom.modernizr.js"></script>
	
	<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css' />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
	
	<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
	<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" rel="stylesheet">
	<script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.js"></script>
	<link href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.css" rel="stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	
	<script src="js/foundation-datepicker.js"></script>
	<link rel="stylesheet" href="css/foundation-datepicker.css">
		 <script>
 
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  $(function(){
			$('#dp1').datepicker();
			$("textarea").sceditor({
		plugins: 'bbcode',
		width: '100%',
		style: "minified/jquery.sceditor.default.min.css"
	});});
  </script>
</head>
<body>   
  <!-- body content here -->
<nav class="top-bar">
  <ul class="title-area">
    <!-- Title Area -->
    <li class="name">
      <h1><a href="#sidebar"><i class="fi-torso size-24 blur"></i> Hi User! </a></h1>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
  </ul>

  <section class="top-bar-section">
  
    <!-- Left Nav Section -->
    <ul class="right">
     
      <li class="divider"></li>
      <li class="has-dropdown"><a href="#">Options</a>

        <ul class="dropdown">
          <li class="has-dropdown"><a href="#">Dropdown Level 1a</a>

            <ul class="dropdown">
              <li><label>Sub-Options </label></li>
              <li><a href="#">Options 2a</a></li>
             
            </ul>
          </li>
          <li><a href="#">Options 1b</a></li>
          <li><a href="#">Options 1c</a></li>
  
          <li class="divider"></li>
          <li><a href="#">See all &rarr;</a></li>
        </ul>
      </li>
      <li class="divider"></li>
    </ul>

    
  </section>

</nav>

<section class="main">

<!--Header-->

<div class="row">
<div class="large-12 columns">
	  <h2 class="docs header"><a href="#">Welcome Back!</a></h2>
	  <hr>
</div>
</div>
<!--Content-->
<div class="row">
<!--right side-->
  <div class="large-9 push-3 columns">
	
   <form class="custom">

  <fieldset>
    <legend><i class="fi-pencil size-16 solid"></i> Create Post </legend>

    <div class="row">
      <div class="large-12 columns">
        <label>Title</label>
        <input type="text" placeholder="Title goes here">
      </div>
    </div>
	
	<div class="section-container auto" data-section>
	  <section class="active">
		<p class="title" data-section-title><a href="#panel1"><i class="fi-pencil size-16 solid"></i> English</a></p>
		<div class="content" >
	<!--	<section>
		<link rel="stylesheet" type="text/css" href="minified/themes/default.min.css" />
<script type="text/javascript" src="minified/jquery.sceditor.bbcode.min.js"></script>
		<textarea style="width: 900px; height: 300px; display: none; *, *:before, *:after { box-sizing: initial;}"></textarea>
		</section>-->
		</div> 
	  </section>
	  <section>
		<p class="title" data-section-title><a href="#panel2"><i class="fi-pencil size-16 solid"></i>Other Language</a></p>
		<div class="content">
		  <section>
		  </section>
		</div>
	  </section>
	</div>
	 <div class="large-4 columns">
      <label for="customDropdown1">Source:</label>
      <select id="customDropdown1" class="medium">
        <option>This is an option</option>
        <option>This is another option too</option>
        <option>Look, a third option</option>
      </select>
    </div>
	
    <div class="large-9 columns">
        <label>Url</label>
        <input type="text" placeholder="Url goes here">
    </div>
 
	<div class="row">
          <div class="small-6 large-6 columns">
            <a href="#" class="tiny button">Create</a><br>
            
          </div>
         
    </div>

  </fieldset>
</form>

	
  </div>
<!--left side--> 
  <div class="large-3 pull-9 columns">
    <div class="section-container accordion" data-section="accordion">
  <section class="active">
    <p class="title" data-section-title><a href="#"> <i class="fi-home size-24 solid"></i> <strong> Get Started</strong></a></p>

  </section>
  <section>
    <p class="title" data-section-title><a href="#"> <i class="fi-pencil size-24 solid"></i><strong> Posts</strong></a></p>
    <div class="content" data-section-content>
      <ul class="side-nav">
        <li><a class="" href="abide.html">Write Post</a></li>
        <li><a class="" href="clearing.html">Categories</a></li>
        <li><a class="" href="dropdown.html">All Posts</a></li>
      </ul>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#"> <i class="fi-photo size-24 solid"></i> <strong>Gallery</strong></a></p>
    <div class="content" data-section-content>
      <ul class="side-nav">
        <li><a class="" href="abide.html">Abide</a></li>
        <li><a class="" href="clearing.html">Clearing</a></li>
        <li><a class="" href="dropdown.html">Dropdown</a></li>
      </ul>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#"> <i class="fi-comments size-24 solid"></i> <strong>Comments</strong></a></p>
    <div class="content" data-section-content>
      <ul class="side-nav">
        <li><a class="" href="abide.html">Abide</a></li>
        <li><a class="" href="clearing.html">Clearing</a></li>
        <li><a class="" href="dropdown.html">Dropdown</a></li>
      </ul>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#"> <i class="fi-widget size-24 solid"></i> <strong>Settings</strong></a></p>
    <div class="content" data-section-content>
      <ul class="side-nav">
        <li><a class="" href="abide.html">Abide</a></li>
        <li><a class="" href="clearing.html">Clearing</a></li>
        <li><a class="" href="dropdown.html">Dropdown</a></li>
      </ul>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#"><i class="fi-torso size-24 solid"></i> <strong>My Profile</strong></a></p>
    <div class="content" data-section-content>
      <ul class="side-nav">
        <li><a class="" href="abide.html">Abide</a></li>
        <li><a class="" href="clearing.html">Clearing</a></li>
        <li><a class="" href="dropdown.html">Dropdown</a></li>
      </ul>
    </div>
  </section>
</div>
  </div>
</div> 
</section>

  
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.alerts.js"></script>
  <script src="js/foundation/foundation.clearing.js"></script>
  <script src="js/foundation/foundation.cookie.js"></script>
  <script src="js/foundation/foundation.dropdown.js"></script>
  <script src="js/foundation/foundation.forms.js"></script>
  <script src="js/foundation/foundation.joyride.js"></script>
  <script src="js/foundation/foundation.magellan.js"></script>
  <script src="js/foundation/foundation.orbit.js"></script>
  <script src="js/foundation/foundation.placeholder.js"></script>
  <script src="js/foundation/foundation.reveal.js"></script>
  <script src="js/foundation/foundation.section.js"></script>
  <script src="js/foundation/foundation.tooltips.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <script src="js/foundation/foundation.interchange.js"></script>
  <script>
    $(document).foundation();

  </script>
</body>
</html>
